<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script src="js/jquery.js"></script>
<script src="js/jquery.qtip.js"></script>

<script>
$(document).ready(function() 
		{
		   // By suppling no content attribute, the library uses each elements title attribute by default
		   $('a[href][title]').qtip({
		      content: {
		         text: false // Use each elements title attribute
		      },
		      style: 'cream' // Give it some style
		   });
		});
</script>
</head>
<body>
<table>
<thead>
<tr>
<th>Event Name</th>
<th>Event Location</th>
<th>Event Date</th>
<th>Event Time</th>
</tr>
</thead>
<tbody>
<s:iterator value="events_list">

<tr>
<td><a href="#" title="<b>Description:</b><s:property value="event_description"/>"><s:property value="event_name"/></a></td>
<td><s:property value="event_location"/></td>
<td><s:property value="event_date"/></td>
<td><s:property value="event_time"/></td>
<td><a href="reply_to_event_request.action?event_id=<s:property value="event_id"/>&status=coming"><input type="button" value="Coming"/></a></td>
<td><a href="reply_to_event_request.action?event_id=<s:property value="event_id"/>&status=notcoming"><input type="button" value="Not Coming"/></a></td>
<td><a href="reply_to_event_request.action?event_id=<s:property value="event_id"/>&status=maybe"><input type="button" value="Maybe"/></a></td>
</tr>
</s:iterator>
<s:iterator value="coming">
<tr>
<td><a href="#" title="<b>Description: </b><s:property value="event_description"/>"><s:property value="event_name"/></a></td>
<td><s:property value="event_location"/></td>
<td><s:property value="event_date"/></td>
<td><s:property value="event_time"/></td>
<td><s:property value="status"/></td>
</tr>
</s:iterator>
<s:iterator value="maybe">
<tr>
<td><a href="#" title="<b>Description: </b><s:property value="description"/>"><s:property value="event_name"/></a></td>
<td><s:property value="event_location"/></td>
<td><s:property value="event_date"/></td>
<td><s:property value="event_time"/></td>
<td><s:property value="status"/></td>
</tr>
</s:iterator>
<s:iterator value="notcoming">
<tr>
<td><a href="#" title="<b>Description: </b><s:property value="description"/>"><s:property value="event_name"/></a></td>
<td><s:property value="event_location"/></td>
<td><s:property value="event_date"/></td>
<td><s:property value="event_time"/></td>
<td><s:property value="status"/></td>
</tr>
</s:iterator>
</tbody>



</table>

</body>
</html>